<template>
	<view style="padding: 30rpx;">
		<view>异步接口</view>
		<button @click="callStorageFun(1)">setStorage</button>
		<button @click="callStorageFun(2)" type="primary" plain="ture">getStorage</button>
		<button @click="callStorageFun(3)" type="primary">getStorageInfo</button>
		<button @click="callStorageFun(4)" type="warn">RomoveStorage</button>
		<button @click="callStorageFun(5)" type="warn">clearStorage</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name: 'xujiawei'
			}
		},
		methods: {
			callStorageFun(parm) {
				console.log("callStorageFun==>parm" + parm);
				switch (parm) {
					case 1:
						uni.setStorage({
							key: 'UserName',
							data: 'xjw',
							success() {
								console.log("UserName 存储成功");
							}
						})
						break;
					case 2:
						uni.getStorage({
							key: 'UserName',
							success: function(result) {
								console.log("读取UserName成功：result.data=" + result.data);
							},
							fail() {
								console.error("读取UserName失败");
							}
						})
						break;
						case 3:
							uni.getStorageInfo({
								success:function(result){
									console.log("获取所有缓存字段");
								}
							})
						break;
				}
			}
		}
	}
</script>

<style>
	button {
		margin: 20rpx;
	}
</style>